¡Bienvenido a la interfaz web del FSI Server!

Esta pestaña proporciona una descripción general sobre cómo utilizar la interfaz web para administrar y publicar sus imágenes.

1.Sube tus fotos

2.Elige tu visor

3.Pegue códigos en su sitio web

Abra la pestaña 'Subir' y cargue sus imágenes a la interfaz web a través de Arrastrar y soltar o haciendo clic en el botón Examinar para agregar archivos. Dentro de la pestaña 'Publicar en la Web' puede elegir entre una variedad de visores diferentes. Copie el código HTML que se muestra en el diálogo de publicación y simplemente péguelo en su sitio web para implementar el visor.


Versión del software

Actualmente está ejecutando las siguientes versiones de software:

por favor espera...

1 Visión general

La interfaz consta de 3 secciones principales: Vista de carpeta (1), área de trabajo (2) y vista de archivo (3).
La dimensión de estas secciones se puede cambiar arrastrando las barras divisorias entre las secciones.



2 Vista de carpeta

La Vista de carpetas contiene pestañas para explorar la estructura de carpetas y para buscar.


En la parte superior, el nombre del directorio raíz (nombre del servidor) es visible.
El directorio raíz contiene todos los Source Connectors (perfiles) disponibles en este FSI Server específico, que se enumeran debajo del directorio raíz.

El seguimiento source connector tipos son posibles dentro del directorio raíz:
Los nuevos Source Connectors se pueden configurar manualmente editando los archivos de configuración XML en [webapps]/fsi/CONFIG. Aquí también se pueden definir los privilegios administrativos (solo lectura, escritura, etc.) y los perfiles de usuario. Puede leer más sobre esto en la sección Configuración de la FSI Server Manual en linea.

También es posible determinar permisos diferentes para cada carpeta (Lectura, Escritura, Lista, Tareas), los permisos establecidos para la carpeta seleccionada actualmente se pueden ver a través de Más información ... en la parte inferior de la vista de carpeta.



También es posible que el administrador defina comentarios personalizados (por ejemplo, qué tipo de archivos se recomienda colocar en una carpeta determinada) para cada tipo de Source Connector, que aparecerá en la parte inferior de la Vista de carpetas. Estos comentarios se pueden definir a través de un archivo XML.


2.1 Pestaña de carpeta

Debajo del directorio raíz, existen las siguientes carpetas integradas:
  • Carpetas favoritas: Contiene accesos directos a carpetas que están marcadas como favoritas por el usuario.
  • Mis descargas: Contiene las descargas creadas por el usuario.
    Con el menú contextual puede cancelar o reiniciar el trabajo de descarga, descargar un elemento seleccionado o eliminar elementos.
El directorio raíz contiene los siguientes perfiles fijos:
  • Configuraciones FSI: Aquí está almacenado el software FSI Viewer. Tipo de perfil: Static (puede cargar archivos XML para su FSI Viewer aquí)
  • Imágenes del servicio: Software FSI, como las instrucciones en las páginas FSI Mobile y las imágenes de respaldo. Tipo de perfil: Storage
  • Archivos de servicio: Contiene los archivos necesarios para el software FSI, por ejemplo, Muestra de audio y video. Tipo de perfil: Static
  • sample-images: Contiene imágenes de muestra. Tipo de perfil: Storage
  • sample-multiresolution: Contiene imágenes de muestra de resolución múltiple. Tipo de perfil: Multi Resolution
  • sample-statics: Contiene activos de muestra. Tipo de perfil: Static
En la parte inferior de la carpeta, se ve el tipo de carpeta seleccionada. (Nombre de la carpeta, Source Connector tipo: Storage, Static or Multi Resolution) así como el resumen de permisos (a través de Más información ...), así como la cantidad total de imágenes contenidas en el Source Connector seleccionado.

2.2 Pestaña de búsqueda

La pestaña de búsqueda le permite encontrar archivos en el servidor que coincidan con ciertos criterios.

En la parte superior puede encontrar una entrada de texto simple.
Tescribiendo palabras clave en la entrada de texto, puede buscar elementos que tengan palabras clave coincidentes en cualquier campo de datos.

Alternativamente, puede configurar sus criterios de búsqueda usando las condiciones de búsqueda debajo de la entrada:
  • Use la casilla de verificación ubicada directamente debajo de la entrada para limitar la búsqueda al directorio seleccionado actual
  • Utilice la casilla de verificación para incluir o excluir una condición de búsqueda
  • Elija el campo de datos deseado de la condición.
  • Elija si una condición debe ser igual o desigual. Algunos campos además ofrecen la opción de buscar comparativamente elementos (menor que, mayor que).
  • Introduzca el valor para la condición de búsqueda
Para agregar otra condición, haga clic en el botón "Agregar condición" en la parte inferior derecha.
Para eliminar condiciones, haga clic en el botón "x" en la parte superior derecha de cada condición.
Tenga en cuenta que utilizando múltiples condiciones puede definir cada condición como "obligatoria" u "opcional". "alternativamente" significa que la condición extiende el rango de elementos posiblemente coincidentes.
"obligatorio" generalmente reduce el rango de elementos posiblemente coincidentes.

Ejemplo:
Condición 1Condición 2
obligatoria
campo: "File Suffix"
"igual"
valor: ".jpg"
alternativamente
campo: "File Size"
"menos que"
value: "550kb"

Estas condiciones devolverán todos los archivos con un sufijo de archivo ".jpg" y, además, todos los archivos de menos de 550 kb de tamaño. Cambiar la condición 2 a "obligatorio" devolvería todos los archivos con un sufijo de archivo ".jpg" que, además, tienen un tamaño inferior a 550 kb.


3 Vista de archivo

En la vista de archivo, los directorios y archivos de la carpeta seleccionada son visibles.



En la barra superior, se pueden seleccionar varias acciones para administrar archivos y directorios a través de los íconos:

Crear carpeta, Renombrar, Copiar, Cortar, Pegar, Eliminar

El menú desplegable de clasificación le permite ordenar los elementos según ciertos criterios. Con el botón de flecha debajo, se puede cambiar el orden de la función de clasificación elegida.

A la derecha del menú de clasificación, puede cambiar la apariencia de las carpetas y elementos dentro de la vista de archivo. Para cambiar el tamaño de las miniaturas, haga clic en el botón de miniaturas más grandes / pequeños para cambiar la vista o deslice el controlador de miniaturas en la dirección deseada.

Los botones de la izquierda te permiten elegir entre

Con la barra de ubicación a continuación, puede navegar a través de la estructura del directorio. Vaya a la ubicación anterior / siguiente o vaya a la carpeta principal utilizando los botones. Para acceder directamente a una carpeta, escriba el destino de la carpeta en el campo de entrada.

Al usar el botón derecho del mouse dentro del área de visualización de archivos, se puede acceder a más acciones a través del menú contextual, como volver a importar elementos seleccionados, agregar archivos a un archivo de descarga, descargar el elemento seleccionado, crear un favorito, etc. Arrastrar y soltar Es posible dentro de la vista de archivo y la vista de carpeta. Los archivos o carpetas se pueden arrastrar desde el navegador de archivos del sistema operativo al archivo o Vista de carpetas para subirlos al servidor.) Además, puede copiar o mover elementos arrastrándolos a la carpeta de destino en el árbol o en la vista de archivo.

Al hacer clic en un archivo específico en la vista de archivo, se activará el área de trabajo superior.

3.1 Operaciones de archivo y carpeta

Creando un nuevo directorio La raíz de la vista de carpeta contiene diferentes Source Connectors. Para crear una carpeta dentro de uno de estos Source Connectors, ya sea Nota: Si desea agregar un Source Connector al directorio raíz, debe crear un nuevo Source Connector agregando un archivo XML correspondiente en la carpeta de conectores de la configuración del FSI Server.

4 Área de trabajo

Dentro del área de trabajo, se muestran diferentes tareas e información sobre los elementos seleccionados. Dependiendo del formato del archivo, puede elegir entre las siguientes pestañas:

Ver, Metadatos, Color, Publicar en Web, Subir, Descargar y Ayuda.

El botón de la ventana en el extremo izquierdo le permite separar el área de trabajo y la abre en otra ventana.

4.1 Ver



En esta pestaña, puede ver la imagen seleccionada utilizando FSI Viewer, en la que puede usar todas las funciones estándar, incluida una opción de pantalla completa.

4.2 Metadatos



Los metadatos de la imagen se mostrarán y se dividirán en tres secciones: General, IPTC y datos EXIF.

Todos los campos de metadatos - excepto los del grupo "General". - se puede editar, borrar o agregar. Para cambiar los datos existentes, haga clic en el valor del campo correspondiente y escriba el valor deseado. Al hacer clic en el botón "Agregar campos" en el menú Opciones en la parte inferior de la página, puede agregar campos de datos IPTC o EXIF.

Puede aplicar las tareas en el menú de opciones en la parte inferior a todos los metadatos editables (que se caracterizan por las casillas de verificación delante del nombre de los Datos).
Puede elegir marcar o desmarcar todos los metadatos editables, vaciar los valores que se muestran actualmente en los campos de datos, volver a importar metadatos desde el archivo de origen o eliminar todos los campos seleccionados. Los cambios se guardarán automáticamente.
Al mantener presionada la tecla Mayús mientras selecciona las casillas de verificación, puede seleccionar varias casillas de verificación a la vez.
Si selecciona varias imágenes o archivos a la vez, puede aplicar valores de campo modificados a todos seleccionando la tarea "Aplicar a todos los archivos seleccionados" en el menú de opciones.



4.3 Color





Esta pestaña proporciona información sobre la distribución del tinte, los histogramas de color y el perfil ICC, si corresponde.

4.4 Publicar en la Web



Mientras tiene seleccionada una imagen o carpeta, puede ver todas las formas posibles de publicación para el elemento específico visitando la pestaña Publicar en la Web.
La interfaz de publicación está dividida en cinco secciones: Lista de parámetros/predefinidos, código fuente, secuencias de comandos, vista previa y ayuda contextual. Puede cambiar el tamaño de cada sección arrastrando los botones de las barras de sección al tamaño deseado.
  1. Lista de presets/parámetros: Puedes elegir entre varios presets (Static Image, Responsive Image, Zoom & Pan, 360° Spins, Catalogues, etc.) dentro de esta pestaña. Después de elegir un ajuste preestablecido, aparecerá la lista de parámetros disponibles para la opción de publicación.
  2. Código fuente: En esta área puede ver el código fuente de la opción de publicación seleccionada que puede editar y copiar para publicar las imágenes.
  3. Scripts Requeridos: En caso de que haya seleccionado una opción de publicación que requiera un visor (e.g. Responsive Image or Zoom & Pan), los scripts necesarios que deben incluirse para cargar los espectadores se enumeran aquí.
  4. Avance: En esta sección, verá una vista previa en vivo de los cambios aplicados al código fuente. La vista previa también cambia según el ajuste preestablecido que elija. Esto facilita ver de inmediato cómo se verán sus imágenes o el visor cuando se implemente.
  5. Ayuda contextual: Esta sección le muestra dinámicamente una descripción del preset o parámetro seleccionado.
Hay varios ajustes preestablecidos para cada opción de publicación.

Image, static

Simple Image: Publica la imagen con una etiqueta de <img< simple. Requiere una sola imagen de alta resolución. Puede configurar las dimensiones y el formato de salida (JPEG, PNG o GIF), así como agregar varios efectos a la imagen estática.

Simple Image with srcSet: Publica la imagen con una etiqueta de <img< simple y srcSets. El atributo srcset contiene una lista separada por comas de varias URL de imágenes. El navegador decide qué tamaño de imagen es mejor para el usuario en el momento de la visita de la página. Esto evita múltiples cargas de recursos y problemas de rendimiento en entornos de ancho de banda restringido. Cuando un usuario visita un sitio web, todas las imágenes en la página actual se cargan en el tamaño más apropiado para el dispositivo utilizado. Requiere una sola imagen de alta resolución. Agrega automáticamente srcSets en diferentes variaciones a la etiqueta img. Puede configurar las dimensiones y el formato de salida (JPEG, PNG o GIF), así como agregar varios efectos a la imagen estática.

Padded Image: Publica la imagen con una etiqueta de <img< simple y un efecto pad. Por lo tanto, la dimensión de la imagen resultante siempre coincidirá con el tamaño solicitado. Requiere una sola imagen de alta resolución. Puede configurar las dimensiones y el formato de salida (JPEG, PNG o GIF), así como agregar varios efectos a la imagen estática.


Image, responsive

Las siguientes opciones requieren una sola imagen de alta resolución y publicar la imagen con FSI QuickZoom o FSI TouchZoom. Tenga en cuenta que también debe copiar la sección del script requerido (o usar la opción para copiar el código fuente como un documento HTML 5 completo).

Image, in place mouse-over zoom: Publica la imagen con una etiqueta de <img< simple y FSI QuickZoom. Al pasar el cursor sobre la imagen con el cursor, la imagen se ampliará.

Image, fly-out zoom on mouse over: Publica la imagen con una etiqueta de <img< simple y FSI QuickZoom. Al pasar el cursor sobre la imagen con el cursor, la imagen se mostrará ampliada en una ventana al lado de la imagen original.

Image, dynamic resolution: Publica la imagen con una etiqueta de <img< simple y FSI TouchZoom. Si la página se acerca con el zoom en los dispositivos táctiles, las imágenes se mostrarán en la resolución que coincida con la ampliación actual.

Image, dynamic resolution and mouse-over zoom: Publica la imagen con una etiqueta de <img< simple y FSI TouchZoom y FSI QuickZoom. Al pasar el cursor sobre la imagen con el cursor, la imagen se ampliará. Si la página se acerca con el zoom en los dispositivos táctiles, las imágenes se mostrarán en la resolución correspondiente a la ampliación actual.


Zoom & Pan

TLas siguientes opciones requieren una sola imagen de alta resolución y habilitan un zoom 2D basado en Javascript. Tenga en cuenta que también debe copiar la sección del script requerido (o usar la opción para copiar el código fuente como un documento HTML 5 completo). Requiere una sola imagen de alta resolución.

FSI Viewer, black skin: Esta opción habilita el zoom y la panorámica con una barra de menú negra.

FSI Viewer, silver skin: Esta opción habilita el zoom y la panorámica con una barra de menú plateada.

FSI Viewer, white skin: Esta opción habilita el zoom y la panorámica con una barra de menú blanca.

FSI Viewer, no UI: Esta opción habilita el zoom y la panorámica sin barra de menú.

FSI Viewer, with measure plugin: Esta opción habilita el zoom y la panorámica con una función habilitada que le permite medir partes de la imagen.


360°Spins

Las siguientes opciones permiten que una herramienta basada en JavaScript muestre 360° el objeto gira en combinación con el zoom. Tenga en cuenta que también debe copiar la sección del script requerido (o usar la opción para copiar el código fuente como un documento HTML 5 completo). Dependiendo de las capacidades del dispositivo, ofrece soporte de zoom en el lugar o zoom de pellizco. Esta opción de publicación requiere una carpeta que contenga una serie de imágenes de alta resolución tomadas desde diferentes ángulos de visión. Puede activarlo haciendo clic en la carpeta que contiene el conjunto de imágenes de 360 grados o haciendo clic en una de las imágenes dentro de la carpeta. Se pueden agregar puntos calientes opcionales con contenido HTML proporcionando coordenadas 3D.

FSI Viewer, black skin: Esta opción permite 360 giros y zoom con una barra de menú negra.

FSI Viewer, no UI: Esta opción permite 360 giros y zoom sin barra de menú.


Showcases

FSI Showcase combina los beneficios de FSI Viewer JS con FSI ThumbBar. Se crea para ver varias imágenes con un carrusel de imágenes. Al hacer clic en una imagen, se mostrará en la instancia de FSI Viewer JS colocada sobre el carrusel. La opción publica todas las imágenes en una carpeta, incluidas las vistas previas en miniatura.

Showcase - thumbnails to the bottom: Las miniaturas se muestran debajo del visor.

Showcase - thumbnails to the top: Las miniaturas se muestran sobre el visor.

Showcase - thumbnails to the right: Las miniaturas se muestran a la derecha del visor.

Showcase - thumbnails to the left: Las miniaturas se muestran a la izquierda del visor.


ThumbBars

FSI ThumbBar se crea para publicar todas las imágenes en una carpeta como un carrusel de imágenes basado en JavaScript con efecto espejo incorporado opcional y zoom de página completa.

ThumbBar horizontal: Muestra imágenes en una barra de pulgar horizontal.

ThumbBar vertical: Muestra imágenes en una barra vertical de pulgar.


E-Books / E-Catalogues

FSI Pages publica todas las imágenes en una carpeta como un catálogo o catálogo interactivo.

Catalog with flip layout:: Un simple e-catálogo sin hipervínculos utilizando una animación flip.

Catalog with flip layout and hyperlinks:: Un e-catálogo que contiene hipervínculos utilizando una animación flip.

Catalog with scroll horizontal layout:: Un e-catálogo con animación de desplazamiento horizontal.

Catalog with scroll vertical layout:: Un e-catálogo con animación de desplazamiento vertical.

Catalog with scroll horizontal layout with hyperlinks:: Un e-catálogo que contiene hipervínculos utilizando una animación de desplazamiento horizontal.

Catalog with scroll vertical layout with hyperlinks:: Un e-catálogo que contiene hipervínculos utilizando una animación de desplazamiento vertical.

Catalog with hyperlinks, chapters and intro:: Un catálogo electrónico con hipervínculos, plug-in de capítulos (tabla de contenidos) y contenido de introducción (contenido antes de la portada).


Image Grid

FSI Image Grid es un simple visor basado en HTML5 y Javascript que le permite mostrar una galería de imágenes como una cuadrícula, opcionalmente con títulos y descripciones generadas a partir de metadatos de imágenes.

Small Image Grid: Una grilla de imagen sensible con miniaturas pequeñas.

Medium Image Grid: Una cuadrícula de imágenes receptiva con miniaturas de tamaño mediano.

Large Image Grid: Una grilla de imagen sensible con miniaturas grandes.

Image Grid with meta data: Una cuadrícula de imágenes receptiva que muestra los metadatos (títulos, descripciones, créditos, etc.) de cada imagen.


Games

Image Twins: Un juego memo donde el objetivo es encontrar pares de imágenes idénticas.


4.4.1 Cómo publicar

Después de seleccionar una opción de publicación, puede establecer las dimensiones deseadas, agregar parámetros para diseñar el visor o la imagen como desee y luego copiar el código fuente que se muestra.

4.4.1.1 Código fuente



La sección Código fuente le permite controlar el aspecto de su imagen o visor al configurar las dimensiones y el formato, así como agregarle efectos u opciones de recorte.

Descripciones de la barra de herramientas del código fuente



El menú contextual accesible con el botón en la parte superior derecha también le da acceso a la barra de menú del código fuente y, además, le permite abrir la vista previa en otra ventana.



Después de configurar todo, si está satisfecho con el aspecto de la imagen o el visor (que puede ver en la sección de vista previa), puede copiar el código fuente utilizando los botones correspondientes en el menú o simplemente seleccionando el contenido del editor de código. y copiarlo en tu pagina. Para los espectadores que publican imágenes e imágenes receptivas, es crucial también incrustar los scripts necesarios en su página web. Los scripts se pueden ver en la Sección de Scripts Requeridos:



Puede hacerlo copiando el script manualmente o utilizando el botón correspondiente en la barra de menú del código fuente o en el menú contextual:





4.4.1.2 Parámetros



Seccion de parametros

Además, también puede establecer varios parámetros para publicar una imagen o un visor. Después de elegir un preset, la sección de parámetros se abre a la derecha. Puede agregar parámetros a la sección de código fuente haciendo doble clic en el parámetro correspondiente. La ayuda contextual muestra una breve descripción de los parámetros. Para obtener información más detallada, consulte el FSI Viewer Manual en linea..


4.4.2 Efectos



Al hacer clic en el botón de efecto, la ventana de efecto se abre. Haga doble clic en el efecto deseado o arrástrelo hacia la izquierda para seleccionarlo. Puede ajustar las opciones del efecto o eliminarlo en la columna derecha debajo de la imagen de vista previa. Si se aplica más de un efecto, también es posible cambiar el orden de procesamiento de los efectos arrastrando el efecto para lograr la secuencia deseada. Al hacer clic en "ON", los efectos se aplicarán a la imagen o al visor y serán visibles en el código fuente.

4.4.3 Editor de hipervínculos



Esta pestaña proporciona acceso al editor de hipervínculos JS para páginas FSI. El editor de enlaces le permite agregar convenientemente hipervínculos e íconos a su catálogo en línea.
El editor reconoce los hipervínculos existentes y también le permite cambiarlos, es decir, los enlaces creados con el antiguo Editor de hipervínculos de Flash se muestran en el nuevo editor y también se pueden cambiar, pero se guardarán en un formato diferente. Como resultado, los enlaces creados o modificados con el nuevo editor no son compatibles con las versiones anteriores de FSI Pages Flash, solo funcionan con las nuevas versiones de FSI Pages JavaScript.
Esta sección te ayudará a comenzar con el editor.






1. General

El editor de enlaces consta de diferentes secciones: En el lado izquierdo verá las páginas individuales de su catálogo, el lado derecho se divide en 4 secciones:
La lista de enlaces muestra todos los enlaces que están integrados en el sitio actual de su catálogo. Puede mover los enlaces para decidir cuál debe estar en primer plano arrastrándolos a la posición deseada en la lista. Esto es útil si las formas se superponen, la posición decide qué enlace está activo en la sección de superposición al pasar el mouse por encima. El enlace al final de la lista está en primer plano.
Enlace de datos Muestra la información del enlace seleccionado.
La barra de herramientas le permite desplazarse por el catálogo y agregar y cambiar enlaces.
Nuevas formas contiene una preselección de formas e iconos que se pueden agregar al sitio. También es posible agregar sus propias formas a esta sección, para obtener más información, consulte Cómo agregar SVG para formas/íconos propios.

El editor distingue entre Enlaces y Iconos.


Puedes elegir entre:

Además, eres capaz de cambiar un Enlazaren general o simplemente una forma de enlace.Un enlace puede constar de una o varias formas de enlace. Si un enlace solo tiene una forma asignada, entonces el enlace es igual a la forma del enlace, es decir, la acción de seleccionar/transformar enlace y seleccionar/transformar forma de enlace hace lo mismo.


2. Atajos


Se aplican los siguientes accesos directos, si el foco no está en un editor de entrada o de enlace externo:

3. Navegar por el catálogo



Puede navegar a través del catálogo con los botones de FSI Pages. Puede escribir un número de página en el cuadro y el editor cambiará a la página correspondiente.

4. Zoom & Pan



Los botones conocidos del FSI Viewer se pueden usar para ampliar la página y para mover la sección que está visible. También puede mover la sección mientras usa la ventana del navegador.

5. Añadiendo formas



Para agregar un nuevo enlace a su sitio, puede arrastrar y soltar cualquier forma de la sección Nuevas formas a su sitio o usar el Polígono de dibujo o Gratis Botones de forma para crear nuevas formas. Con la herramienta de dibujo Polygon puede cerrar la forma ya sea conectando el último punto al primer punto o presionando CTRL mientras dibuja el punto final. La forma de forma libre termina cuando dejas de dibujar.

6. Selección de enlaces/formas de enlaces



Con los botones correspondientes, puede seleccionar el enlace completo o solo una forma de enlace. Después de seleccionarlo, puede editar los datos del enlace.

7. Enlace de datos



Se pueden hacer los siguientes cambios:

8. Transformando enlaces/formas de enlaces



Con los botones correspondientes puede mover o transformar todo el enlace o solo una forma de enlace. Puede usar CTRL y arrastrar un controlador para rotar la forma. Si desea deshacer su transformación, puede usar el botón Deshacer o, si desea restaurar el estado original, use el botón Eliminar transformación.

9. Mover la forma del enlace a otro enlace



Con este botón es posible mover una forma de enlace a otro enlace. Para hacerlo, haga clic en la forma del enlace que desea mover y luego arrastre la forma al enlace con el que desea combinarla en la lista de enlaces. Si mueve la forma a un espacio vacío en la lista, se creará un nuevo enlace.


10. Eliminar/Cortar/Copiar/Pegar



Puede eliminar el enlace, cortarlos o copiarlos y pegarlos en otra ubicación u otra página con los botones correspondientes.

11. Eliminar la transformación



Este botón elimina toda la transformación de las formas de enlace seleccionadas o enlaces.

12. Fin/Rojo



Puedes deshacer o rehacer tus pasos con estos botones. El editor cambia automáticamente a la página en la que se realizaron los cambios.

13. Pantalla completa



Para una mejor usabilidad, puede mostrar el editor de enlaces en modo de pantalla completa.

14. Salvar



Al hacer clic en el botón Guardar o presionar CTRL + S, se guardarán sus cambios. Los hipervínculos se guardarán en los metadatos de la imagen como FSI Extra, que puede ver en la pestaña Metadatos.

15. Añadiendo SVG para formas/iconos propios



Es posible agregar sus propias formas a la sección Nueva forma. Las formas consisten en archivos SVG que se almacenan en el
/_service_files/Link Editor Shapes/
carpeta de la interfaz web de su FSI Server.
Para agregar formas personalizadas, necesita agrupar su ícono y agregar una o más clases al grupo en su archivo SVG: Después, suba el archivo SVG a la /_service_files/Link Editor Shapes/ carpeta. La forma se mostrará en la sección Nuevas formas del editor de enlaces.

4.4.4 Editor de punto de acceso



Al publicar un "Zoom & Pan" visor (para imágenes individuales) o el "360° Spins" En el visor (para giros de 360°), puede acceder al editor haciendo clic en el icono "Editar puntos de acceso" en la barra de menú de publicación:



O con la opción correspondiente en el menú contextual accesible en la sección "Su código fuente":



El editor se abrirá en una nueva ventana.

Pestaña HotSpot

Visión general



La pestaña HotSpot consta de las siguientes secciones:
  1. Viewer
  2. Pestaña HotSpot /Scenery pestaña
  3. Datos de HotSpot
  4. Enlace URL y destino
  5. Texto de HotSpot
  6. Barra de herramientas
  7. Formas HotSpot

Lista de HotSpot

Estas secciones en la pestaña Hotspot muestran una descripción general de los hotspots agregados.

Datos de HotSpot

En esta sección puede cambiar el aspecto de los puntos de acceso agregados al arrastrar y soltar. Puede definir la posición del punto de acceso así como la posición del marcador para el texto. Puede cambiar la escala del icono y, en caso de que desee restringir la visibilidad a una escala de zoom determinada, defina la visibilidad del zoom. También puede agregar diferentes clases de CSS para personalizar los puntos de acceso en modo normal, activo y activo.

Barra de herramientas



La barra de herramientas contiene las siguientes funciones:

Agregando hotspots a una sola imagen

Agrega un HotSpot

Para agregar un punto de acceso, simplemente arrastre una forma para la sección de formas de HotSpot al espectador de la izquierda en la posición deseada.

Añadir texto y URL a un HotSpot

En la sección "Vincular URL y destino" puede definir la URL a la que conduce el punto de acceso al hacer clic, así como el objetivo del enlace (_blank or _self). En la sección "Texto" puede agregar texto que se mostrará con un marcador al lado del punto de acceso. Puede utilizar el formato de texto HTML para dar estilo al texto como desee.



Diseñe un HotSpot



Puedes personalizar los hotspots ya sea por

Guardar configuración

Cuando haya terminado de configurar todos los hotspots según lo desee, puede guardar los cambios en un archivo de configuración XML presionando el botón "Guardar". Cerrar la ventana lo llevará a la pestaña de publicación nuevamente con el archivo de configuración agregado a la etiqueta.

Agregando hotspots a un giro de 360°

A diferencia de agregar un punto de acceso a una sola imagen, para un giro de objeto primero debe definir el cuadro delimitador del objeto. Esto se puede hacer dentro de la pestaña Escenario, que se abre automáticamente al hacer clic en el Editor mientras se publica un giro.

Pestaña Scenery

El editor se abre con la pestaña "Scenery", donde puede configurar los parámetros utilizados para definir el objeto 3D utilizado para agregar los puntos de acceso correctamente.

Parámetros vitales: Camera Para crear puntos de acceso, es importante conocer las posiciones de la cámara cuando se dispara el giro de 360 °. Esto hace que sea más fácil agregar los puntos de acceso de una manera más precisa.

digitalCropFactor el valor depende del tamaño del chip del sensor óptico de la cámara. Para cámaras de fotograma completo, el valor es "1.0". Los valores comunes están entre 1.5 y 1.6. El factor de recorte es el mismo que afecta la distancia focal del objetivo de su cámara. P.ej. La distancia focal de un objetivo con una cámara de fotograma completo es de 50 mm. Con una cámara que tiene un factor de recorte de 1.5, la distancia focal efectiva sería 1.5 x 50 mm = 75 mm.

focalLength Define la distancia focal del objetivo de la cámara en mm.

Camera postion (parámetro postion) x,y,z y CameraTarget (parámetro targetPosition) x,y,z defina la posición de la cámara y el objeto en mm (vea la ilustración).



Virtual Cube parámetro Usando los parámetros de la cámara, el espectador calcula la posición de los puntos calientes. También puede agregar opcionalmente coordenadas de espacio virtual. El "cube" es el cuadro delimitador del objeto de giro en milímetros (vea la ilustración a continuación). Para esto, necesitas conocer las medidas del objeto del giro.



Camera Arm (solo giro de dos ejes) Si también gira su objeto alrededor del eje x, se aplican parámetros adicionales que se pueden encontrar en la FSI Viewer JS manual en linea.

Image Sequence Si está utilizando más de un eje, SceneSets Puede ser útil: definen el orden de las escenas que se mostrarán. En el visor, las escenas se pueden seleccionar moviendo el mouse horizontalmente y los conjuntos de escenas se pueden seleccionar moviendo el mouse verticalmente. Los conjuntos individuales deben separarse con ";" (punto y coma). Las escenas dentro de los conjuntos se separan con "," (coma) y especifican el índice basado en 1 de la imagen de izquierda a derecha, de arriba a abajo hasta el número total de escenas. En lugar de escenas individuales, también puede especificar rangos de escenas, por ejemplo, "5-10".

Video En caso de que desee agregar un video para un giro más suave, puede agregar los parámetros correspondientes aquí. Por favor refiérase a el manual para una explicación detallada de los parámetros..

Initial View Si desea definir una vista diferente al inicio del visor, puede configurar esto aquí. Simplemente haga zoom y mueva el visor en la dirección deseada y haga clic en el botón initialView para guardar su selección como punto de partida.

Pestaña Hotspots

Después de configurar su cubo, vaya a la pestaña "Hotspot" para agregar Hotspots. (ver descripción arriba).

4.5 Subir



Dependiendo del tipo de Source Connector seleccionado, puede cargar diferentes tipos de archivos. Hay varias posibilidades para cargar imágenes en la interfaz. La carga comienza inmediatamente una vez que agrega archivos. Puede pausar o continuar la carga usando el botón de pausa de carga.

4.6 Descargar



Hay varias posibilidades para descargar imágenes desde la interfaz. Una vez que haya recopilado todos los archivos, puede elegir la configuración de descarga utilizando el menú desplegable "Descargar como:".

Opcionalmente, puede programar el inicio de la descarga a una hora específica y elegir un nombre de archivo.
Al hacer clic en el botón "Aceptar" se inicia el proceso de creación y se agrega la descarga a la carpeta Mis descargas del directorio raíz.

4.7 Lote



Dentro de esta pestaña, puede descargar imágenes procesadas por lotes. Una vez que haya recopilado todos los archivos, puede elegir la configuración de descarga utilizando el menú desplegable "Descargar como:". La configuración de descarga determina cómo se archivarán los archivos y si se debe ejecutar un procesamiento por lotes de las imágenes para descargar imágenes. Haga clic en el botón "Opciones" para modificar o agregar una configuración de descarga:



Aquí puede elegir el nombre de configuración y el tipo de archivo (ZIP, tar.gz, tar.bz2).
Puede descargar archivos de origen no modificados o imágenes procesadas.
Cuando decida descargar imágenes procesadas, puede elegir si desea reemplazar o agregar las extensiones de archivo.

También puede guardar sus configuraciones en caso de que quiera usarlas nuevamente.

Verá un cuadro de diálogo debajo donde puede cambiar las dimensiones, agregar varios efectos, recortar la imagen y ver la vista previa de la imagen procesada. Una vez que haya terminado de elegir las operaciones para aplicar a las imágenes, puede presionar "Aceptar" para volver a la pestaña Lote.

Opcionalmente, puede programar el inicio de la descarga a una hora específica y elegir un nombre de archivo.
Al hacer clic en el botón "Aceptar" se inicia el proceso de creación y se agrega la descarga a la carpeta Mis descargas del directorio raíz.

4.8 licencia

L

Esta pestaña le brinda una descripción general de su información de licencia y le permite ingresar su clave ya sea cargando el archivo de licencia correspondiente o escribiendo los datos de la licencia manualmente.
El Datos para la generación de licencias (LRD) es crucial para actualizar su licencia.

5 Habilitar la búsqueda

FEl FSI Server utiliza Apache Solr como una base de datos para permitir la búsqueda en metadatos de activos. El servidor Solr no está integrado en el FSI Server ya que la base de datos estaba en las versiones del FSI Server 1 y 2.
Si necesita buscar, por ejemplo en las páginas FSI, deberá proporcionar una instancia de Solr para que la utilice el FSI Server.

Si está utilizando la versión acoplable del FSI Server, puede agregar fácilmente un contenedor Solr. Tenga en cuenta que esto debe hacerse ANTES de que se cree el contenedor del FSI Server. Como FSI Server y Solr / Lucene son aplicaciones de memoria crítica, no deben implementarse en la misma JVM que no sea para pruebas.

IMPORTANTE:
Para entornos de producción, es altamente recomendable implementar el paquete Solr en una instancia propia de Tomcat / JVM. En entornos de alta carga, debe considerar instalar la instancia de Soldata-r en un hardware separado.

Instalación:

1. Descargue e implemente Solr copiando el archivo WAR descargado a la carpeta webapps de tomcat o tire Solr en la versión Alpine si usa Docker.

2. Configure las restricciones de acceso a Solr si es necesario.

3. Habilitar la búsqueda en el FSI Server

4. Espere a que el FSI Server termine la compilación automática de la base de datos de búsqueda.